/* 注释 */
/* 变量 格式 @变量名:值; */
body {
  background-color: #e92322;
}
p {
  color: #e92322;
}
a {
  background-color: pink;
}
/* 混入,理解成js里面的函数 */
/* .addRadius{
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
} */
span {
  font-size: 12px;
  font-weight: 700;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
div {
  height: 200px;
  width: 200px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
/* 嵌套 */
div {
  font-size: 20px;
}
div > p {
  line-height: 20px;
}
div > p > a {
  color: yellow;
}
div > p > a:hover {
  color: #e92322;
}
div > p > img {
  width: 100%;
}
div > h2 {
  font-weight: normal;
}
div > h2 > p {
  font-size: 34px;
}
div > div {
  height: 200px;
}
/* 
   <div>
        <p>
            <a href="#"></a>
            <img src="" alt="">
            <span></span>
        </p>
        <h2>
            <p></p>
        </h2>
        <div></div>
    </div>
*/
/* div {}
div > p {}
div > p >a{}
div > p > a:hover{}
div > p > img{}
div > p > span{} */
